<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
<%@include file="/common_meta.jsp" %>
<%@include file="/amd_common_meta.jsp" %>
<meta name="robots" content="all"/> 
<meta name="description" content="AKB48・SKE48のファン専用のマニア投票サイトです。総合トップテンからマニア投票、メンバーのプロフィールの確認ができます。"/> 
<meta name="keywords" content="AKB48,SKE48,選挙,投票,ダービー"/> 
<title>AKB マニア　ダービー - トップ</title>
</head>
<body>
<div data-role="page">
<div data-role="header">AKB マニア</div>
<div data-role="content">
<div id="gq-global" style="text-align:right; border-bottom: 1px solid #00C6FF;">
<c:if test="${!empty userData && userData.authentication}">
<b>${f:h(userData.email)}</b> | <a href="${f:url('logout')}" rel="external">ログアウト</a>
</c:if>
<c:if test="${empty userData || !userData.authentication}">
<a href="${f:url('logon')}" rel="external">Googleアカウントでログイン</a>
</c:if>
</div>
<br/>
<a href="http://www.kingrecords.co.jp/cs/g/gKIZM-90131/" target="_blank"><img src="${f:url('images/banner_kazegafuiteru.jpg')}" alt="" width="300" height="110" /></a>
<br/>
<p style="font-size:small;">AKB48・SKE48のマニア専用のファン投票サイトです。お気に入りのメンバーを探して投票しましょう。</p>
<form method="post" action="${f:url('derby/start/7')}">
<input type="submit" value="投票　開始！" style="height:40px; width: 320px;"/>
<span class="attention-words">※総勢138人の中から選抜して投票します。</span><br/>
<span class="attention-words">※投票結果から今日のカノジョが選択できます。</span><br/>
</form>
<br/>
<c:if test="${pageMode != 'mobile' }">
<span class="attention-words">※このページは、<strong>スマートフォンに最適化</strong>されています。<a href="${f:url(showUrl)}?mode=mobile">携帯端末専用ページはこちらのリンク</a>から移動してください。</span><br/>
</c:if>
<c:if test="${pageMode == 'mobile' }">
<span class="attention-words">※このページは、<strong>携帯電話専用ページ</strong>です。<a href="${f:url(showUrl)}?mode=smart">スマートフォンをご利用の方は、こちらのリンクからスマートフォン専用ページ</a>へ移動してください。</span><br/>
</c:if>
<br/>
<c:if test="${!empty girlfriend}">
<h2>▼今日のカノジョ</h2>
<c:set var="showUrl" value="/info/show/${f:h(girlfriend.key)}"/>
<c:set var="profileUrl" value="/info/profile/${f:h(girlfriend.key)}"/>
<a href="${f:url(profileUrl)}" target="_blank">
<img src="${f:url(showUrl)}" alt="${f:h(girlfriend.myName)}" width="260" height="320" /><br/>
</a>
<!-- Google News Element Code -->
<iframe frameborder=0 marginwidth=0 marginheight=0 border=0 style="border:0;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=small&format=300x250&ned=jp&hl=ja&q=${f:h(girlfriend.myName)}&element=true" scrolling="no" allowtransparency="true"></iframe>
<br/>
</c:if>
<c:if test="${empty girlfriend}">
<span class="attention-words">※今日のカノジョが登録されていません。上部の投票ボタンからお気に入りのメンバーを選択してください。</span><br/>
</c:if>
<br/>
<ul data-role="listview" data-inset="true" data-divider-theme="a">
<li data-role="list-divider">▼マニア投票 最新ランキング</li>
<c:forEach var="top5" items="${top5List}" varStatus="status">
<c:set var="showUrl" value="/info/show/${f:h(top5.key)}"/>
<c:set var="profileUrl" value="/info/profile/${f:h(top5.key)}"/>
<li><a href="${f:url(profileUrl)}" target="_blank">
<c:if test="${pageMode != 'mobile'}">
<c:if test="${status.index < 3 }">
<img src="${f:url(showUrl)}"/>
</c:if>
</c:if>
<c:out value="${f:h(top5.myName)}"/>
<c:if test="${!empty top5.group}">
(
<c:out value="${f:h(top5.group)}"/>
<c:if test="${!empty top5.team}">
- チーム<c:out value="${f:h(top5.team)}"/>
</c:if>
)
</c:if>


</a><span class="ui-li-count"><c:out value="${f:h(top5.count)}"/>p</span>
</li>
</c:forEach>
</ul>
<a href="${f:url('/info/ranking/50')}" data-role="button">ランキング トップテン</a><br/>
<!-- Google News Element Code -->
<iframe frameborder=0 marginwidth=0 marginheight=0 border=0 style="border:0;margin:0;width:300px;height:250px;" src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?rsz=small&format=300x250&ned=jp&hl=ja&q=AKB48&element=true" scrolling="no" allowtransparency="true"></iframe>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">▼その他</li>
<li>
<a href="${f:url('/twitter/list/0')}"><h3>ファン掲示板</h3></a>
</li>
<li>
<a href="${f:url('/info/search')}"><h3>メンバー検索</h3></a>
</li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">▼YouTube(AKB公式)</li>
<li>
<a href="http://www.youtube.com/watch?v=vEVq_Bx7_KY" target="_blank" style="font-size:10px;">Everyday、カチューシャ</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=lkHlnWFnA0c" target="_blank" style="font-size:10px;">ヘビーローテーション</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=pizw3Wf8MHM" target="_blank" style="font-size:10px;">野菜シスターズ</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=SwXtaahxjls" target="_blank" style="font-size:10px;">ポニーテールとシュシュ</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=F32epua9VQs" target="_blank" style="font-size:10px;">大声ダイヤモンド</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=PjgyH3lVI18" target="_blank" style="font-size:10px;">君のことが好きだから</a>
</li>
<li>
<a href="http://www.youtube.com/watch?v=iyn5uirg2j8" target="_blank" style="font-size:10px;">10年桜</a>
</li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">▼AKB関連リンク</li>
<li>
<a href="http://www.akb48.co.jp/" target="_blank"　style="font-size:10px;">AKB48公式サイト</a>
</li>
<li>
<a href="http://ja.wikipedia.org/wiki/AKB48" target="_blank"　style="font-size:10px;">ウィキペディア</a>
</li>
<li>
<a href="http://www23.atpages.jp/akb49/" target="_blank"　style="font-size:10px;">エケペディア</a>
</li>
<li>
<a href="/denryoku.html" target="_blank"　style="font-size:10px;">現在の電力使用状況</a>
</li>
</ul>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">▼SKE関連リンク</li>
<li>
<a href="http://www.ske48.co.jp/" target="_blank"　style="font-size:10px;">SKE48公式サイト</a>
</li>
<li>
<a href="http://ja.wikipedia.org/wiki/SKE48" target="_blank"　style="font-size:10px;">ウィキペディア(SKE48)</a>
</li>
<li>
<a href="http://www23.atpages.jp/akb49/?%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8%28SKE48%29" target="_blank"　style="font-size:10px;">エケペディア(SKE48)</a>
</li>
</ul>
<%--
<c:if test="${pageMode != 'mobile' }">
<a href="http://www.akb48-gienkin.com/" target="_blank"><img src="http://www.akb48.co.jp/img/gienkin.gif" alt="" width="260" height="105" /></a><br/>
</c:if>
 --%>
<br/>
<c:if test="${userData.admin == true}">
<a href="edit/" style="font-size:10px;"  target="_blank">[edit mode]</a>
</c:if>
</div>
<div data-role="footer">@AMD</div>
</div>
</body>
</html>
